/*
/*- Page Structure */

html{
	overflow-x: auto; /* fixes MSIE scrollbar bug DO NOT REMOVE, has no effect in Mozilla, or Opera */
}

body {
	background: #FFF;
	color: #333;
	font-family: Tahoma, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
	font-size: 12px;
	line-height: 150%;
	margin: 0px;
	padding: 0px; /* required for Opera to have 0 margin */
}

img {
	border: none;
}

hr {
	display: none;
	clear: both;
}

a:link,
a:visited,
a:active {
	color: #557700;
	text-decoration: none;
}
a:hover {
	color: #333;
	text-decoration: underline;
}

.editlink img {
	width: 16px;
	height: 16px;
	border: none !important;
	padding: 0 !important;
	margin: 1px 0 0 !important;
	position: absolute;
	right: 0;
}

.alert {
	background: #FFF6BF;
	border-top: 1px solid #FFD324;
	border-bottom: 1px solid #FFD324;
	text-align: center;
	margin: 10px auto;
	padding: 5px 20px;
}

img.wp-smiley {
	border: none !important;
	padding: 0 0 0 5px !important;
}







/*----------------------------*/
/*---------- Header ----------*/
/*----------------------------*/

#header {
	position: relative;
	clear: both;
	padding: 0;
	margin: 0;
	height: 80px;
}

/* site-link */
#header .site-link {
	float: left;
	padding: 0;
	margin: 0;
	display: block;
	background: #FFF6A3 url(top-bg.gif) bottom repeat-x;
	border-bottom: 1px #ccb954 solid;
	list-style-type: none;
	width: 100%;
	min-width: 960px;
}

#header .site-link li {
	float: left;
	padding: 0 1px;
}
#header .site-link .partner {
	float: right !important;
}

#header .site-link a,
#header .site-link a:visited,
#header .site-link a:active {
	display: block;
	padding: 2px 10px;
	text-decoration: none;
	color: #6F6F6F;
}
#header .site-link a:hover {
	text-decoration: underline;
}

/* nav */
#header .nav {
	clear: both;
	width: 960px;
	margin: 0 auto;
}
#header .site-title {
	float: left;
	width: 183px;
	margin: 0;
	padding: 0;
}
#header .site-title a {
	width: 183px;
	height: 44px;
	display: block;
	margin: 0 auto 0 auto;
	text-indent: -10000px;
	background: #FFF url(logo.gif) bottom left no-repeat;

}

#header .nav-bg {
	float: left;
	width: 777px;
	height: 47px;
	background: #82B332 url(nav-bg.gif) bottom right no-repeat;
	margin: 0;
}
#header .nav-bg-l {
	float: left;
	width: 10px;
	height: 47px;
	background: #82B332 url(nav-bg.gif) bottom left no-repeat;
	margin: 0;
}

#header .nav-link {
	margin: auto 0 0 0;
	list-style-type: none;
}

#header .nav-link li {
	float: right;
}
#header .lsf {
	width: 162px;
	height: 29px;
	background: url(search-bg.gif) top left no-repeat;
	padding-left: 16px;
	padding-top: 12px;
	_padding-top: 11px;
	padding-right: 0;
}
#header .lsf form {
	margin: 0;
}
#header .lsf input {
	width: 100px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
	_height: 14px;
	margin-left: 32px;
}
#header .nav .page_item a,
#header .nav .current_page_item a {
	float: left;
	display: block;
	padding: 13px 15px 0 15px;
	height: 28px;
	background: url(nav-bg-s.gif) top left no-repeat;
	font-weight: bold;
	text-decoration: none;
	color: #FFF;
}
#header .nav .page_item a:hover,
#header .nav .current_page_item a {
	background: url(nav-bg-s.gif) bottom left no-repeat;
	text-decoration: underline;
}


/*----------------------------*/
/*----------- Page -----------*/
/*----------------------------*/

#page {
	margin: 0 auto;
	padding: 0 0 10px;
	position: relative;
	/* The entire template's width is set in this class. */
	width: 960px;
}

/*--------- primary ----------*/
.primary {
	width: 550px;
	_width: 520px; /* IE Hack */
	float: left;
	padding: 10px 0 10px;
	margin: 0 20px 0 0;
	_margin: 20px 20px 0 0; /* IE Hack */
	display: inline;
}

.pagetitle { /* Used on static pages and archives */
	text-align: center;
	margin: 10px 0 20px;
	_margin: 0 0 20px;
}
.pagetitle h2 {
	font-family: 'Trebuchet MS', Verdana, Arial, "方正黑体_GBK", "黑体", "汉仪中黑", Sans-Serif;
	font-weight: normal;
	font-size: 20px;
	margin-bottom: 10px;
	display: inline;
}
.pagetitle h2 a:link,
.pagetitle h2 a:active,
.pagetitle h2 a:visited {
	font-family: 'Trebuchet MS', Verdana, Arial, "方正黑体_GBK", "黑体", "汉仪中黑", Sans-Serif;
	font-weight: normal;
	font-size: 20px;
}
.pagetitle h2 a:hover {
	text-decoration: none;
}

.itemhead .pub-date {
	color: #CCC;
	margin: 0;
	padding: 0 0 10px 0;
}
.itemhead h3 {
	font-family: 'Trebuchet MS', Verdana, Arial, "方正黑体_GBK", "黑体", "汉仪中黑", Sans-Serif;
	font-weight: normal;
	font-size: 18px;
	margin-bottom: 10px;
	display: inline;
}
.itemhead img {
	vertical-align: middle;
}
.itemhead h3 a:link,
.itemhead h3 a:active,
.itemhead h3 a:visited {
	font-family: 'Trebuchet MS', Verdana, Arial, "方正黑体_GBK", "黑体", "汉仪中黑", Sans-Serif;
	font-weight: bold;
	font-size: 18px;
	color: #000000;
	background: url(title-bg.gif) center left no-repeat;
	padding-left: 25px;
}
.itemhead h3 a:hover {
	text-decoration: none;
}

.metadata { /* Time and category for blog entries */
	display: block;
	margin-top: 2px;
	color: #bbb;
	border-top: 1px solid #E3E3E3;
	border-bottom: 1px solid #E3E3E3;
	background: #F6F6F6;
	padding: 4px;
}

.metadata a,
.metadata a:visited,
.metadata a:active {
	color: #666;
}
.metadata a:hover {
	color: #333;
}

.chronodata {
	padding-left: 20px ;
/*	background: url('icon-author.png') left center no-repeat;*/
	margin-right: 10px;
}

.tagdata {
	display: block;
	padding: 3px 0 0 0;
}

.sociable {
	display: block;
	padding: 3px 0 0 0;
}

.sociable img {
	padding: 0 10px 0 0;
}

.primary .item {
	margin: 0;
	padding: 5px 0 30px;
	position: relative;
}

.primary .item .itemtext {
	font-family: Times, "Times New Roman", serif;
	font-size: 12px;
	/*	text-align: justify;*/
}

.primary .item .itemtext img {
	padding: 5px;
	vertical-align: middle;
}

.primary .item .itemtext p,
.primary .item .itemtext ul,
.primary .item .itemtext ol,
.primary .item .itemtext div,
.primary .item .itemtext blockquote {
	margin: 13px 0;
}




.comments {
	text-align: left;
	padding: 0;
	position: relative;
}

.metalinks {
	margin-top: 5px;
}

.commentsrsslink {
	background: url('feed.png') left top no-repeat;
	padding: 2px 0 2px 20px;
	margin-right: 10px;
	height: 16px;
}

.trackbacklink {
	background: url('arrow_refresh.png') left top no-repeat;
	padding: 2px 0 2px 20px;
	height: 16px;
}

.commentsrsslink a, .trackbacklink a {
	color: #999;
	padding: 2px;
}

.comments .commentlist {
	padding: 0;
	margin: 20px 0;
	position: relative;
	border-top: 1px dotted #EFEFEF;
}

.comments .commentlist li {
	margin: 0;
	padding: 10px 10px 0;
	list-style-type: none;
	border-bottom: 1px dotted #EFEFEF;
}

.comments .commentlist .commentmetadata {
	padding: 2px 0;
	/*background: url('time.png') left center no-repeat;*/
	display: block;
	color: #CCCCCC;
}
.comments .commentlist .commentmetadata a {
	color: #CCCCCC;
}

.comments .commentlist li img {
	padding: 0;
	border: none;
}

.comments .commentlist li img.gravatar {
	top: 12px;
	right: 10px;
	position: absolute;
	height: 48px;
	width: 48px;
}

.comments .commentlist li .commentauthor {
	font-weight: bold;
	letter-spacing: -1px;
	font-size: 16px;
	font-family: 'Trebuchet MS', Verdana, Arial, "宋体", Sans-Serif;
}

.comments .commentlist li .counter {
	display: none;
	color: #999;
	float: left;
	width: 35px;
}

.comments .commentlist li.authorcomment {
	background: #FFFFF6;
}

.comments .pinglist {
	font-size: 1.2em;
	padding: 0;
	margin: 0 0 30px 0;
}

.comments .pinglist li {
	margin-left: 40px;
	padding: 7px 0;
	list-style: none;
	border-bottom: 1px dashed #CCC;
}

.comments .pinglist li .commentauthor {
	font-weight: bold;
	display: block;
}

.comments .pinglist li small {
	font: .8em Arial, Sans-Serif;
	display: block;
}

.comments .pinglist li .counter {
	display: none;
}

.comments .pinglist li span.favatar img {
	margin-left: -25px;
	border: none;
	padding: 0;
	float: left;
}

.comments .pinglist li img {
	padding: 0;
	border: none;
}
	
.comments #leavecomment {
	text-align: center;
	margin-bottom: 40px;
	color: #ddd;
	font-size: 2em;
	letter-spacing: -2px;
}

.comments #loading {
	text-align: center;
	margin-bottom: 40px;
	margin-top: 40px;
	color: #ddd;
	font-size: 26px;
	letter-spacing: -1px;
	line-height: 30px;
}

.comments form {
	clear: both;
	padding: 1px 0 30px;
	margin: 0;
}

input[type=text], textarea {
	font: 1em Verdana, Arial, Helvetica, Sans-Serif;
	padding: 3px;
	color: #777;
	}

input[type=text]:focus, textarea:focus {
	background: #fff;
	color: #333;
	border-color: #666;
	}

.comments form input[type=text] {
	width: 45%;
	margin: 5px 5px 1px 0;
	}

.comments form textarea {
	height: 250px;
	padding: 2px;
	width: 100%;
	_width: 98.5%; /* IE hack */
	}

.comments form #submit {
	margin: 0;
	float: right;
	}

.comments h4 {
	font-family: 'Trebuchet MS', Verdana, Arial, "方正黑体_GBK", "黑体", "汉仪中黑", Sans-Serif;
	font-weight: normal;
	font-size: 18px;
	margin-bottom: 10px;
	display: inline;
}
.comments h4 a:link,
.comments h4 a:active,
.comments h4 a:visited {
	font-family: 'Trebuchet MS', Verdana, Arial, "方正黑体_GBK", "黑体", "汉仪中黑", Sans-Serif;
	font-weight: normal;
	font-size: 18px;
}
.comments h4 a:hover {
	text-decoration: none;
}

.commentslink {
	padding-left: 20px;
	background: url('comment.png') left center no-repeat;
}








/*--------- sidebar ----------*/
#sidebar {
	padding: 0;
	margin: 0;
	width: 390px;
	_width: 416px;
	margin: 0 0 0 570px;
	_margin: 0;
}

#sidebar .to {
}

#sidebar h2 {
	/*font-family: 'Trebuchet MS', Verdana, Arial, "方正黑体_GBK", "黑体", "汉仪中黑", Sans-Serif;*/
	font-family: 'Trebuchet MS', Verdana, Arial, "宋体", Sans-Serif;
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 6px;
	border-bottom: 1px solid #FAB619;
}
#sidebar h2 a:link,
#sidebar h2 a:active,
#sidebar h2 a:visited {
	/*font-family: 'Trebuchet MS', Verdana, Arial, "方正黑体_GBK", "黑体", "汉仪中黑", Sans-Serif;*/
}
#sidebar h2 a:hover {
	text-decoration: none;
}

#sidebar ul {
	list-style-type: none;
	list-style-image: none; 
	margin: 0;
	padding: 0;
}
#sidebar ul li a {
	background: url(bullet-grey.gif) center left no-repeat;
	padding-left: 12px;
}
#sidebar ul li .back-to {
	background: url(bullet-grey-rev.gif) center left no-repeat !important;
	}

#sidebar ul li .feed-link {
	background: none;
	color: #FF6600;
	position: absolute;
	right: 20px;
	_margin-top: -2px;
	_right: 20px;
}

/* secondary */
.secondary {
	padding: 10px 0;
	width: 250px;
	position: relative;
	float: right;
	/* The following are IE Fixes */
	_padding: 30px 0 10px;
	_margin: 0;
	z-index: 100;
}

.secondary ul li a {
	background: none !important;
	padding-left: 0 !important;
}
.secondary .one {
	background: #F6F6F6;
	padding: 2px 0 2px 0;
	border-bottom: 1px solid #E3E3E3;
}

.secondary .two {
	background: #FFFFF3;
	padding: 2px 0 2px 0;
	border-bottom: 1px solid #E3E3E3;
}

.secondary .feedlink img { /* On the sidebar-secondary */
	height: 16px;
	width: 16px;
	border: none;
	position: absolute;
	right: 0;
	top: 0;
}

.secondary .sbrcnt { /* On the sidebar-secondary */
	position: relative;
}

/* tertiary */
.tertiary {
	padding: 10px 20px 10px 0;
	width: 120px;
	position: relative;
	/* The following are IE Fixes */
	_padding: 30px 20px 10px 0;
	_margin: 0;
	float: right;
}







.sb-pagemenu li a {
	display: block;
}
.sb-pagemenu .current_page_item a {
	text-decoration: underline;
	color: #000 !important;
}




.pages {
	border-top: 1px dotted #ccc;
	padding-top: 8px;
	text-align: right;
	font-weight: bold;
}

.pages a {
	padding: 2px 3px;
	margin-left: 3px;
}

.current_page {
	border-bottom: 3px solid #FFCC33;
	padding: 2px 3px;
	margin-left: 3px;
}
.pgs_sp {
	padding: 2px 3px;
	margin-left: 3px;
}











#footer {
	clear: both;
	width: 960px;
	margin: 0 auto 20px auto;
	height: 20px !important;
	padding-top: 10px;
	border-top: 1px #ccc solid;
	clear: both;
	position: relative;
}
#footer .nav {
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0;
}
#footer .nav li {
	float: left;
}
#footer .nav a,
#footer .nav a:visited,
#footer .nav a:active {
	display: block;
	padding: 5px 15px 5px 15px;
	border-right: 1px #ccc solid;
	text-decoration: none;
	font-size: 12px;
	color: #333;
}
#footer .nav a:hover {
	text-decoration: underline;
}
#footer .nav .copyright a,
#footer .nav .beian a {
	border-right: none;
	text-decoration: none;
}

#footer .nav .beian a {
	position: absolute;
	right: 0;
	white-space: nowrap;
}



/*- Search Form and Livesearch */

.sb-search {
	margin-top: 20px;
}

.sb-search h2 {
	display: none;
}

input[type=text], textarea {
	color: #444;
	padding: 2px 0 2px 2px;
	margin: 0;
}

input#livesearch {
	width: 97.1%;
}

input#s {
	width: 75%;
}

.livesearchform input[type=submit] {
	margin: 0;
}

#LSResult {
	margin: 0;
	width: 145px;
	z-index: 100;
	position: absolute;
/*	background: #eee url('livesearchbg.jpg') center repeat-y;*/
	background: #eee;
	border-bottom: 1px solid #eee; 
	z-index: 900;
}

#LSResult a {
	text-decoration: none;
	color: #668833;
}

#searchcontrols {
	padding: 2px 2px 2px 2px;
/*	background: #ddd url('livesearchbgdark.jpg') center repeat-y;*/
	background: #ddd;
	position: relative;
	text-align: left;
}

#searchcontrols small {
	margin: 0;
	padding: 0;
}

#LSHighlight small, #LSHighlight small span a {
	color: #999;
}

.LSRow:hover, #LSHighlight, #LSHighlight:hover {
/*	background: #ffffcc url('livesearchbghilight.jpg') center repeat-y;*/
	background: #ffffcc;
}

#LSHighlight:hover {
	background: none;
	border: none;
	padding-left: 2px;
}

.LSRow {
	padding: 5px 10px;
	text-align: left;
}

.LSRow span a, .LSRow span a:visited {
	word-spacing: -1px;
	line-height: 1.3em;
	font-weight: normal;
	color: #bbb;
}

.tagcloud a,
#af-ela-tag li {
	margin: 0 2px 5px 2px;
	font-family: Tahoma, helvetica, arial, 'Trebuchet MS', Sans-Serif, Georgia, 'Times New Roman', Serif;
	text-decoration: none;
}















#af-ela {
	position: relative;
	margin: 40px 0 50px;
	}

#af-ela ul {
	position: relative;
	list-style: none;
	padding: 3px 0;
	}

#af-ela a:hover {
	color: #333 !important;
	}

#af-ela-menu, #af-ela-year, #af-ela-month, #af-ela-category {
	text-align: center;
	}

#af-ela-tag {
	text-align: justify;
	}

#af-ela-menu li {
	font: 1.7em 'Lucida Grande', Verdana, Arial, "方正黑体_GBK", "黑体", "汉仪中黑", Sans-Serif;
	}

#af-ela-year li, #af-ela-category li {
	font: 16px 'Lucida Grande', Verdana, Arial, "方正黑体_GBK", "黑体", "汉仪中黑", Sans-Serif;
	}

#af-ela-month li {
	font: 14px 'Lucida Grande', Verdana, Arial, "方正黑体_GBK", "黑体", "汉仪中黑", Sans-Serif;
	}

#af-ela-menu li, #af-ela-year li, #af-ela-month li, #af-ela-category li {
	display: inline;
	color: #ccc;
	margin: 0 15px;
	text-transform: uppercase;
	letter-spacing: -1px;
	padding: 4px 0;
	}

#af-ela-menu a, #af-ela-year a, #af-ela-month a, #af-ela-category a, #af-ela-tag a {
	background: red !important;
	}

#af-ela-tag li {
	display: inline;
	margin: 0 3px;
	line-height: 20px;
	}

#af-ela-month li, #af-ela-category li {
	margin: 0 6px;
	letter-spacing: 0;
	}

/* Hide Number of Entries on Year and Month */
#af-ela-year span, #af-ela-month span {
	display: none;
	}

/* Number of Entries */
#af-ela-category span {
	font-size: 14px;
	color: #ddd;
	}

#af-ela-year li.selected, #af-ela-month li.selected, #af-ela-post li.selected, #af-ela-category li.selected,  #af-ela-menu li.selected,
#af-ela-year li:hover, #af-ela-month li:hover, #af-ela-post li:hover, #af-ela-category li:hover, #af-ela-menu li:hover,
#af-ela-post-prev:hover, #af-ela-post-next:hover, #af-ela-post-prev-off:hover, #af-ela-post-next-off:hover {
	color: #333;
	}

#af-ela-year li.selected, #af-ela-month li.selected, #af-ela-post li.selected, #af-ela-category li.selected, #af-ela-menu li.selected {
	background: url('invader/elaindicator.png') bottom center no-repeat;
	}

#af-ela-post-chrono, #af-ela-post-cats, #af-ela-post-tags {
	margin-top: 15px !important;
	}

#af-ela-post-chrono li, #af-ela-post-cats li, #af-ela-post-tags li {
	position: relative;
	font-size: 1.1em;
	line-height: 1.7em;
	color: #bbb;
	margin: 0 15px;
	padding: 1px 20px;
	}

#af-ela-post-chrono li a, #af-ela-post-cats li a, #af-ela-post-tags li a {
	color: #888;
	}

#af-ela-post-chrono li a {
	position: absolute;
	left: 60px;
	}

#af-ela-post-chrono li:hover, #af-ela-post-cats li:hover, #af-ela-post-tags li:hover {
	background: #f8f8f8;
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
	padding-top: 0;
	padding-bottom: 0;
	color: #444;
	}

#af-ela-post-chrono li:hover > span, #af-ela-post-cats li:hover > span, #af-ela-post-tags li:hover > span {
	color: #444;
	}

#af-ela-post-chrono a, #af-ela-post-cats a, #af-ela-post-tags a {
	border: none;
	}

#af-ela-post-chrono li span, #af-ela-post-cats li span, #af-ela-post-tags li span {
	position: absolute;
	right: 20px;
	font-weight: normal;
	color: #aaa;
	}

/* Next and Previous Links */
#af-ela-post-next, #af-ela-post-next-off {
	left: 0;
	}

#af-ela-post-prev, #af-ela-post-prev-off {
	right: 0;
	}

#af-ela-post-prev, #af-ela-post-next, #af-ela-post-prev-off, #af-ela-post-next-off {
	position: absolute;
	bottom: -35px;
	font: 1.1em/1.3em 'Lucida Grande', Verdana, Arial, "方正黑体_GBK", "黑体", "汉仪中黑", Sans-Serif;
	color: #ccc;
	margin: 0 30px;
	display: inline;
	}

#af-ela-post-prev-off, #af-ela-post-next-off {
	visibility: hidden;
	}

.elaload {
	border: none !important;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 5px;
	top: 1px;
	}
	
	
